<script setup lang="ts">
import { defineProps } from 'vue';
const { title } = defineProps(['title']);
</script>

<template>
    <div class="title">
        <p>{{ title }}</p>
    </div>
</template>

<style scoped lang="scss">
.title {
    width: 100%;
    height: 35px;
    background-image: url(../assets/左.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotateY(180deg);

    >p {
        font-size: 15px;
        color: #A0B4FD;
        margin: 2% 8%;
        font-weight: bold;
        transform: rotateY(180deg);
    }
}
</style>